<div>
    <div class="p-5 flex flex-col items-center bg-gray-100 rounded ml-3 space-y-2">
        <img src="{{$user->avatar_url}}" class="w-20 h-20 rounded-full" alt="avatar">
        <h1 class="text-gray-500">{{$user->name}}</h1>
        @if($user->plan_expired_at)
          <div class="text-red-500">到期时间: {{$user->plan_expired_at}}</div>
        @endif
        <div class="flex gap-3 pt-3 my-3">
            {{ $this->editProfileAction  }}
            {{ $this->rechargeAction  }}
            {{ $this->buyPlanAction  }}
        </div>
    </div>
    <div class="p-2.5">
        @livewire(\App\Filament\User\Widgets\StatsOverview::class)
    </div>
    <x-filament-actions::modals />
</div>
